<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一些例子</title>
    <link rel="stylesheet" href="../common/layout.css">
</head>
<body>
<div class="container">
    <div>
        <ul>
            <li>
                inlineOrBlock:
                <ul>
                    <li><a href="./inlineOrblock/_float.html">_float.html</a></li>
                    <li><a href="./inlineOrblock/_position.html">_position.html</a></li>
                    <li><a href="./inlineOrblock/inline_block.html">inline_block.html</a></li>
                    <li><a href="./inlineOrblock/margin_padding.html">margin_padding.html</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div>
        <ul>
            <li>
                按钮效果:
                <ul>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-3波动效果/index.html">波动效果</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-4流光边框/index.html">流光边框</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-5折叠双层按钮/index.html">折叠双层按钮</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-6流光边框2/index.html">流光边框2</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-7边框变色/index.html">边框变色</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-8边框绘制/index.html">边框绘制</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-9绘制边框2/index.html">边框绘制2</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-10波动按钮2/index.html">波动按钮2</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-11故障风/index.html">故障风</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Button/Btn-12绘制边框-流光/index.html">绘制边框-流光</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div>
        <ul>
            <li>
                输入框效果:
                <ul>
                    <li><a href="./ocdeer-master/OCDeer/Input/Input-1输入框-绘制/index.html">输入框-绘制</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Input/Input-2搜索框/index.html">搜索框</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Input/Input-3输入框-扩展/index.html">输入框-扩展</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div>
        <ul>
            <li>
                文本效果:
                <ul>
                    <li><a href="./ocdeer-master/OCDeer/Text/Text-1收缩扩展/index.html">收缩扩展</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Text/Text-2聚光灯/index.html">聚光灯</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Text/Text-3文字撕裂/index.html">文字撕裂</a></li>
                    <li><a href="./ocdeer-master/OCDeer/Text/Text-4文字炫光/index.html">4文字炫光</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <div>
        <ul>
            <li>课堂练习例子:
                <ul>
                    <li><a href="classTestDemo/classtest.html">简单动画效果</a></li>
                    <li><a href="classTestDemo/test21.html">简单动画效果2</a></li>
                    <li><a href="classTestDemo/Pro-practice.html">更换背景图</a></li>
                    <li><a href="classTestDemo/wangke_function.html">Jquery练习</a></li>
                </ul>
            </li>
        </ul>
    </div>

</div>
</body>
</html>